草庐IT

HTML 图像

全部标签

javascript - 相对于鼠标定位图像/背景图像

我想知道动画图像(或背景图像)相对于鼠标的位置的有效方法是什么。以Github为例:https://github.com/thispagedoesntexist这是一个非常性感的404页面。我想对我的用户产生影响,我认为这肯定会影响。问题1)如何做到这一点?2)只是CSS?CSS和JS?3)最后,有这样的库吗? 最佳答案 这是使用名为Plax的jQuery插件制作的. 关于javascript-相对于鼠标定位图像/背景图像,我们在StackOverflow上找到一个类似的问题:

javascript - 获取关于在 contenteditable div 中拖动图像的通知

我有一个div,它有contenteditable="true"并且包含一些html。此html可能包含图片。由于contenteditable="true"用户可以通过将图像拖动到新位置来移动它们。但是我需要在每次移动图像时通知我的代码,以一种我同时获得正在移动的图像元素和放置图像的目标节点的方式。我该怎么做?我当前的解决方案向我的div元素添加了一个Drop监听器,它是contenteditable,然后每次用户移动图像时我都会收到一个drop事件,但我无法获得包含用户移动的图像的dom节点.另外:拖动图像,似乎是复制DOM节点,而不是移动它。这是真的?(在Firefox中测试)。

javascript - 如何知道何时导入包或将其粘贴到 index.html

好的,我正在使用ES6和ReactJS,一些你应该做的包importReactfrom"react";为了让他们工作,但其他人在index.html,那么,我应该在哪些情况下应用一个或另一个? 最佳答案 一般来说,有两种类型的模块。ES6和非ES6。如果你想在ES6中使用非ES6模块,你可以尝试以下方法之一:使用CommonJS编译(例如通过npm使用jQuery作为CommonJS)加载SystemJS以允许ES6与CommonJS、AMD和全局变量一起工作如果您不想这样做,您可以尝试在HTML中导入非ES6脚本。在这种情况下,你

javascript - 如何使用 Jquery/Javascript 从嵌套的 HTML 标签中获取值

我在我的网站上使用外部银行贷款计算器,在输入特定金额后,它会自动计算贷款条件。现在,出于显示原因,我需要从生成的值中提取一些数据。我想我可以用Jquery做到这一点,但我不确定为什么。这是计算器插件生成的HTMl:2%100.00018%400.00080%1.500.000我需要的是来自的数据(纯文本)-标签有没有人建议如何实现这一目标? 最佳答案 是的,您可以使用jquery函数来做到这一点each()这将解析每个元素,然后找到每个元素中的元素并获取相关文本,如下所示:$('.sums').find('dl').each(fun

javascript - 比较文件中的图像和从 Canvas 创建的图像

(我正在使用Protractor和Jasmine进行测试,我还在我的项目中包含了image-diff和node-canvas。)我需要比较两张图片并确保它们相同。一个保存在我的文件结构中,另一个是从Canvas创建的。我能够将Canvas转换为图像,还可以从文件中加载图像。这是我所拥有的:varimagediff=require('../node_modules/js-imagediff/js/imagediff.js');varCanvas=require('canvas');varfs=require('fs');varpath=require('path');beforeEach

javascript - 如何用 selenium 重新加载 html DOM,以便新命令定位新节点?

所以我正在做一些测试,其中一个页面会在单击某些按钮和链接后更改它的html树。但是webdriver一直只在旧的htmlDOM中搜索。那么如何定位新添加的网络元素呢?或者如何让webdriver加载新的HtmlDOM以便它以新元素为目标?谢谢 最佳答案 WebDriver会自动轮询DOM。只需在与最近添加的网络元素交互之前使用隐式或显式等待:http://www.seleniumhq.org/docs/04_webdriver_advanced.jsp#explicit-and-implicit-waits

javascript - HTTP Basic Auth 中的自定义 HTML 登录表单

我有一个带有HTTPBasicAuth的API。如果未经身份验证的用户发送HTTP请求,则服务器返回401状态代码和WWW-Authenticateheader。浏览器显示标准登录表单。是否可以显示我的HTML登录表单而不是标准浏览器的登录表单? 最佳答案 由于您使用的是AJAX调用,因此您可以拦截来自服务器的401状态代码并将用户重定向到自定义登录表单。例如,假设您正在使用jQuery并尝试访问protectedBasicAuthenticationAPI端点https://httpbin.org/basic-auth/user/

javascript - Html5 视频帧准确

我正在尝试获取html5视频标签源元素以返回准确的帧数。附近的东西stackoverflowanswers.我的目标是显示准确的时间码。我一直在看VideoFrame和许多其他人,但没有一个是准确的。如果您播放包含内置时间码或帧数的视频,例如我正在使用的视频video_keyframes12_24p_Mbits1.8.mp4我自己做的。你最终会看到一帧。有人对此有提示吗?非常感谢! 最佳答案 问题不幸的是,没有框架API供我们使用-Firefoxhassomeexperimentalfeatures,但除此之外,我们只能处理时间以及

javascript - 如何使用 flask-wtf 在 html select 的 onChange 上传递参数

下面的flask代码创建了一个select..option下拉菜单:型号:classSelectForm(Form):country=SelectField('Country',choices=[('us','USA'),('gb','GreatBritain'),('ru','Russia')])flask应用:@app.route('/new')defnew():form=SelectForm()returnrender_template('new.html',form=form)html文件:{{render_field(form.country)}}定义render_field

javascript - 这是 sourcemappingurl : relative from html or js? 的基本 url

假设在一个html文件的子目录下有一个带有source-map的js文件。index.html(使用js/myjs.js)js/myjs.jsjs/myjs.js.map那么myjs.js的sourceMappingURL注释是哪个?//#sourceMappingURL=myjs.js.map或//#sourceMappingURL=js/myjs.js.map 最佳答案 我查找了specification.当源映射URL不是绝对的时,它是相对于生成代码的“源来源”的。来源来源由以下情况之一确定:如果生成的源不与脚本元素相关联有一